<!DOCTYPE html>
<html>
	<head>
		<title>HTML5小组</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/headerAfooter.css" />
		<link rel="stylesheet" href="css/aside.css" />
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/commonWidget.css" />
	</head>
	<body>
		<header class="topBanner">
			<section>
				<nav class="right">
					<ul class="hori">
						<li class="link white pointCur">手机版</li>
						<li class="link white pointCur">QQ群</li>
						<li><div class="button register center pointCur">注册</div></li>
						<li>
							<div class="button login center pointCur">登陆<em class="bottomArrow"></em></div>
						</li>
						<li class="withDialog">
							<div class="button login showDialog center pointCur">登陆<em class="topArrow"></em></div>
							<div class="loginDialog roundBox">
								<p><span class="label">帐号</span><input type="text" /></p>
								<p><span class="label">密码</span><input type="text" /></p>
								<p class="buttons">
									<span class="pointCur">忘记密码？</span>
									<span class="button pointCur register roundBox">注册</span>
									<span class="button pointCur login roundBox">登陆</span>
								</p>
							</div>
						</li>
					</ul>
				</nav>
			</section>
		</header>
		<div class="container">
			<header class="title">
				<aside class="advertisement right"></aside>
				
				<div class="logo">
					<aside class="right logoDesc">
						<p class="title bolder">HDC</p>
						<p>mhtml5.com</p>
					</aside>
					<div class="logoImg"></div>
				</div>
			</header>
			<nav>
				<ul class="hori">
					<li class="pointCur target">首页&nbsp;Home</li>
					<li class="slash"></li>
					<li class="pointCur">论坛&nbsp;BBS</li>
					<li class="slash"></li>
					<li class="pointCur">活动&nbsp;Event</li>
					<li class="slash"></li>
					<li class="pointCur">展示&nbsp;Show</li>
					<li class="slash"></li>
					<li class="pointCur">资料&nbsp;Data</li>
				</ul>
				<section class="search">
					<article class="icon">
						<div class="circle"></div>
						<div class="line"></div>
					</article>
					<article class="input"><input type="text" /></article>
					<article class="buttons">
						<div class="button center"><p>搜索</p><p class="rightArrow">&gt;</p></div>
					</article>
				</section>
			</nav>
			<aside>
				<section>
					<header>
						<p class="white"><span class="pointCur">活动&nbsp;Event</span></p>
					</header>
					<article class="locations">
						<ul class="hori">
							<li><p class="center pointCur">北京</p></li>
							<li><p class="center pointCur">上海</p></li>
							<li><p class="center pointCur">广州</p></li>
							<li><p class="center pointCur">深圳</p></li>
							<li><p class="center pointCur">南京</p></li>
							<li><p class="center pointCur">杭州</p></li>
							<li><p class="center pointCur">武汉</p></li>
							<li><p class="center pointCur">大连</p></li>
						</ul>
					</article>
					<article class="detail">
						<div class="time">
							<div class="value"><span>2012</span>年<span>3</span>月<span>18</span>日<span>13：00</span></div>
							<div class="label orangeBG roundBox">
								<div class="icon">
									<div class="clock">
										<div class="minHand whiteBG"></div>
										<div class="hourHand whiteBG"></div>
										<div class="point whiteBG"></div>
									</div>
								</div>
								<div class="txt white">时间</div>
							</div>
						</div>
						<div class="location">
							<div class="value">新浪微游戏（北京市海鼎区海鼎北二街8号中关村SOHO 9楼）</div>
							<div class="label orangeBG roundBox">
								<div class="icon">
									<div class="circle">
										<div class="innerCircle"></div>
									</div>
									<div class="bottomArrow"></div>
								</div>
								<div class="txt white">地点</div>
							</div>
						</div>
						<div class="button white center pointCur">更多详情点击</div>
					</article>
				</section>
				<section>
					<header>
						<p class="white"><span class="pointCur">招聘信息&nbsp;Jobs</span></p>
					</header>
					<article class="jobs">
						<ul class="noListStyle bolder">
							<li class="pointCur">
								<div class="label">01</div>
								<div>
									<header class="orange">腾讯武汉</header>
									<p class="desc">精通</p>
								</div>
							</li>
							<li class="pointCur">
								<div class="label">01</div>
								<div>
									<header class="orange">腾讯武汉</header>
									<p class="desc">精通</p>
								</div>
							</li>
							<li class="pointCur">
								<div class="label">01</div>
								<div>
									<header class="orange">腾讯武汉</header>
									<p class="desc">精通</p>
								</div>
							</li>
							<li class="pointCur">
								<div class="label">01</div>
								<div>
									<header class="orange">腾讯武汉</header>
									<p class="desc">精通</p>
								</div>
							</li>
						</ul>
					</article>
				</section>
				<section>
					<header>
						<p class="white"><span class="pointCur">友情链接&nbsp;Links</span></p>
					</header>
					<article class="links">
						<table>
							<tr>
								<td><p class="pointCur">9RIA天地会</p></td>
								<td><p class="pointCur">HTML手游平台</p></td>
							</tr>
							<tr>
								<td><p class="pointCur">SpilGames</p></td>
								<td><p class="pointCur">W3Ctech</p></td>
							</tr>
							<tr>
								<td><p class="pointCur">W3C中国</p></td>
								<td><p class="pointCur">WebAppTrend</p></td>
							</tr>
							<tr>
								<td><p class=" class="pointCur"">更多友链&gt;&gt;</p></td>
								<td></td>
							</tr>
						</table>
					</article>
				</section>
				<section>
					<header>
						<p class="white"><span class="pointCur">云标签&nbsp;Tag Cloud</span></p>
					</header>
					<article class="tags">
						<ul class="hori">
							<li class="roundBox orangeBG white pointCur style1">谷歌</li>
							<li class="roundBox orangeBG white pointCur style2">苹果</li>
							<li class="roundBox orangeBG white pointCur style3">互联网</li>
							<li class="roundBox orangeBG white pointCur style4">Zynga</li>
							<li class="roundBox orangeBG white pointCur style4">智能手机</li>
							<li class="roundBox orangeBG white pointCur style4">iPhone</li>
							<li class="roundBox orangeBG white pointCur style4">浏览器</li>
							<li class="roundBox orangeBG white pointCur style4">创新工厂</li>
							<li class="roundBox orangeBG white pointCur style3">研究小组</li>
							<li class="roundBox orangeBG white pointCur style3">Google</li>
							<li class="roundBox orangeBG white pointCur style3">Sina</li>
							<li class="roundBox orangeBG white pointCur style2">Html5</li>
							<li class="roundBox orangeBG white pointCur style2">Java</li>
							<li class="roundBox orangeBG white pointCur style2">招聘信息</li>
							<li class="roundBox orangeBG white pointCur style1">PHP</li>
						</ul>
					</article>
				</section>
			</aside>
			<section class="contents">
				<header class="gallery">
				</header>
				<article>
					<ul class="noListStyle">
						<li>
							<aside class="pointCur">
								<img src = "imgs/image.jpg">
							</aside>
							<section>
								<header class="orange pointCur">HTML5 QQ游戏大厅iPhone版强势上线</header>
								<article class="desc">
									<div class="from pointCur">
										<span class="label">From</span><span class="name blue">UIzer Guiangzhou</span>
									</div>
									<div class="time">
										<div class="clock middle">
											<div class="hourHand"></div>
											<div class="minHand"></div>
										</div>
										<span class="middle">2012-03-07 09:14</span>
									</div>
									<div class="comment white pointCur">
										<p class="label center">评论</p><p class="count center">26</p>
									</div>
								</article>
								<article class="content">
		HTML5专属时代正悄然来临，在这块角逐者众的竞技场，抢跑者无疑将更受瞩目。3月6日，国内首个HTML5移动应用在线开发平台AppCan.cn正式公测，大家可以使用AppCan简单、快速、高效地开发HTML5移动应用三种模式满足不同人群AppCan.cn是正益无线自主研发的HTML5移动应用开发平台...
								</article>
							</section>
						</li>
						<li>
							<aside class="pointCur">
								<img src = "imgs/image.jpg">
							</aside>
							<section>
								<header class="orange pointCur">HTML5 QQ游戏大厅iPhone版强势上线</header>
								<article class="desc">
									<div class="from pointCur">
										<span class="label">From</span><span class="name blue">UIzer Guiangzhou</span>
									</div>
									<div class="time">
										<div class="clock middle">
											<div class="hourHand"></div>
											<div class="minHand"></div>
										</div>
										<span class="middle">2012-03-07 09:14</span>
									</div>
									<div class="comment white pointCur">
										<p class="label center">评论</p><p class="count center">26</p>
									</div>
								</article>
								<article class="content">
									HTML5专属时代正悄然来临，在这块角逐者众的竞技场，抢跑者无疑将更受瞩目。3月6日，国内首个HTML5移动应用在线开发平台AppCan.cn正式公测，大家可以使用AppCan简单、快速、高效地开发HTML5移动应用三种模式满足不同人群AppCan.cn是正益无线自主研发的HTML5移动应用开发平台...
								</article>
							</section>
						</li>
						<li>
							<aside class="pointCur">
								<img src = "imgs/image.jpg">
							</aside>
							<section>
								<header class="orange pointCur">HTML5 QQ游戏大厅iPhone版强势上线</header>
								<article class="desc">
									<div class="from pointCur">
										<span class="label">From</span><span class="name blue">UIzer Guiangzhou</span>
									</div>
									<div class="time">
										<div class="clock middle">
											<div class="hourHand"></div>
											<div class="minHand"></div>
										</div>
										<span class="middle">2012-03-07 09:14</span>
									</div>
									<div class="comment white">
										<p class="label center pointCur">评论</p><p class="count center">26</p>
									</div>
								</article>
								<article class="content">
									HTML5专属时代正悄然来临，在这块角逐者众的竞技场，抢跑者无疑将更受瞩目。3月6日，国内首个HTML5移动应用在线开发平台AppCan.cn正式公测，大家可以使用AppCan简单、快速、高效地开发HTML5移动应用三种模式满足不同人群AppCan.cn是正益无线自主研发的HTML5移动应用开发平台...
								</article>
							</section>
						</li>
					</ul>
				</article>
				<nav class="pages">
					<article>
						<p class="left pointCur orange"><span>&lt;&lt;</span></p>
						<p>
							<span class="roundBox pointCur orange target">1</span>
							<span class="roundBox pointCur orange">2</span>
							<span class="roundBox pointCur orange">3</span>
							<span class="roundBox pointCur orange">4</span>
							<span class="roundBox pointCur orange">5</span>
							<span class="roundBox pointCur orange">6</span>
							<span class="roundBox pointCur orange">7</span>
							<span class="roundBox pointCur orange">8</span>
							<span class="roundBox pointCur orange">9</span>
							<span class="roundBox pointCur orange">10</span>
						</p>
						<p class="right pointCur orange"><span>&gt;&gt;</span></p>
					</article>
					<p class="button roundBox pointCur orangeBG white next">next</p>
				</nav>
			</section>
		</div>
		<footer>
			<section>
				<div class="right">
					<p>Proudly powered by WordPress.Theme by Zer</p>
					<p>Copyright © 2011 HTML5研究小组</p>
				</div>
				<nav>
					<ul class="hori">
						<li class="pointCur">关于我们</li>
						<li class="pointCur">友情链接</li>
						<li class="pointCur">联系我们</li>
					</ul>
				</nav>
			</section>
		</footer>
	</body>
</html>